<template>
  <div class="activity">
    <div class="card">
      <div class="item">
        砍仙树
      </div>
    </div>
    <div class="card">
      <div class="item">
        交友对战
      </div>
    </div>
    <div class="card">
      <div class="item"  @click="Ranking">
        排行榜
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted, nextTick } from 'vue'
import { useRouter } from 'vue-router'
const  router=useRouter()
const Ranking=()=>{
router.push({path:'/ranking'})
}
const text = '这是一段话'
</script>
<style  lang="scss">
.activity {
  background-color: antiquewhite;
  min-height: 100vh;
  padding: 10px;
  .card {
    margin: 10px;
    background: #fff;
    height: 150px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 10px #1890ff;
    .item {
      padding: 10px;
      font-size: 18px;
      color: #1890ff;
    }
  }
}</style>
